/* CSS Document */
@charset "utf-8";
/* reset section */

@media all and (orientation : landscape) { 

/*横屏时代码*/
.sp{ display:none}
.hp{ background-color:#000; height:100%; width:100%; position:fixed; left:0; top:0; z-index:999;}
} 
.hp .hp_box{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.hp img{ display:block; margin:auto; width:150px;}
.hp span{ display:block; color:#fff; width:100%; text-align:center; margin-top:1em}
.hp .button_open{ width:500px; height:150px;}
.hp .button_open .b1,.hp .button_open .b2{ float:left; display:block; text-align:center; margin:10px 30px;}
.hp .button_open img{ width:100px;}
.hp .button_open p{ color:#fff; margin-bottom:10px;}
@media all and (orientation : portrait){ 

/*竖屏时代码*/
.hp{ display:none}
}

/*手机*/
@media (max-width: 767px){ 	
body{font: normal 100% Helvetica, Arial, sans-serif ,Hiragino Sans GB ,Verdana,tahoma;color:#333333; text-decoration:none; -webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:
none; -webkit-user-select:none; -webkit-text-size-adjust:none;font-family:"微软雅黑";}

*{padding:0; margin:0; }
input:focus {outline:none;}
a{ text-decoration:none; cursor:pointer; outline:none;}
button{cursor:pointer; border:none; outline:none;}
img{ border:none;max-width: 100%;}
object { max-width: 100%;}
ul,li {list-style-type:none; text-transform:capitalize;}
table{ border-collapse:collapse; border-spacing:0;}
.clear{ clear:both;}
input{ border:none; background:none; text-indent:5px; outline:none;}
.box:focus {outline: none;}
a,img,button,input,textarea,div{-webkit-tap-highlight-color:rgba(255,255,255,0);}
input,textarea{-webkit-appearance:none;}
select::-ms-expand { display: none; }
input,img{vertical-align:middle;}
input,button{ vertical-align:middle;}
div,input,button{ vertical-align:middle;}  
.hide{ display: none;}
.clear{ clear:both;}


/**/
.black{ width:100%; height:100%; background:url(../image/bgg.jpg) no-repeat; background-size:100%; position:absolute; left:0; top:0; z-index:1}
.dn_bg{ position:absolute; z-index:2; width:86%; left:50%; top:50%; transform:translate(-50%,-50%);}
.dn_bg img{ width:100%;}
.dn_bg .phone{ position:absolute; font-family:'微软雅黑'; color:#fff; top:25%; left:8%; font-size:1em;}
.dn_bg .phone::-webkit-input-placeholder{ color:#fff}
.dn_bg .yzm{ position:absolute; font-family:'微软雅黑'; color:#fff; top:58%; left:8%; font-size:1em; width:20%}
.dn_bg .yzm::-webkit-input-placeholder{ color:#fff}
.dn_bg .yzm_img{ width:22%; position:absolute; left:34%; top:56%;}
.dn_bg .sumbit{ width:20%; height:4em; display:block; position:absolute; right:0; top:63%; background:none; z-index:666}

.dn_bg .mz{ display:block; position:absolute; top:0; left:0;  color:#fff;}

}










